@import './variables.scss';

.gradual-primary {
  background-image: linear-gradient(to top left, $primary, lighten($primary, 20%));
  color: #fff;
}

.gradual-red {
  background-image: linear-gradient(to top left, #f43f3b, #ec008c);
  color: #fff;
}

.gradual-orange {
  background-image: linear-gradient(to top left, #ff9700, #ed1c24);
  color: #fff;
}

.gradual-green {
  background-image: linear-gradient(to top left, #39b54a, #8dc63f);
  color: #fff;
}

.gradual-purple {
  background-image: linear-gradient(to top left, #9000ff, #5e00ff);
  color: #fff;
}

.gradual-pink {
  background-image: linear-gradient(to top left, #ec008c, #6739b6);
  color: #fff;
}

.gradual-blue {
  background-image: linear-gradient(to top left, #0081ff, #1cbbb4);
  color: #fff;
}
